html,body,h1,h2,h3,h5,h6,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,img{margin:0;padding:0;}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
li{list-style:none;}

q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}

h2{font-size: 24px;font-weight: bold;}
h3{font-size: 18px;font-weight: bold;}
h5{font-size: 14px;font-weight: bold;}
h1,h2,h3{color: #333;}
a,a:hover{text-decoration:none;/*color:#000;*/}
a{color: #666;}






.w1200{width: 1200px;margin:0 auto;}
.w1100{width: 1100px;margin:0 auto;}

.head{overflow: hidden;}
.logo{width:450px;float:left;margin-right: 60px;padding-top: 30px;}

.nav{float: left;}
.nav li{float: left;margin-left: 10px;}
.nav li a{display: block;font-size: 16px;height: 120px;line-height: 36px;width: 90px;text-align: center;color: #3a3a3a;line-height: 120px;}
.nav li a:hover{background:#c80e13;width: 90px;height:120px;color: #fff;text-decoration: none}
.nav li .cur{background: #c80e13;color: #fff}



.en {float: right;margin-top: 40px;}
.en a{display: block;height: 35px;width: 35px;font-size: 16px;line-height: 35px;text-align: center;background:#c80e13;color: #fff}
.en a:hover{background:#000;color:#fff;text-decoration: none}


/*banner*/
.banner{ width: 100%;
    /*height: 600px;*/
    /*background: black;*/
    /*子绝父相*/
    position: relative;
    /*超出部分全部隐藏，解决横向滚动条*/
    overflow: hidden;
}
.banner ul{
    position: absolute;
}
.banner ul li{
    /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
    width: 100%;
    height: 600px;
    float: left;
    background:  no-repeat center center;
}
/*.banner ul li:nth-child(1){*/
    /*background: url('./1.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(2){*/
    /*background: url('./2.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(3){*/
    /*background: url('./3.jpg') no-repeat center center;*/
/*}*/
.banner ol{
    /*width: 85px;*/
    height: 20px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left:50%;
    /*margin-left: -40px;*/
    bottom: 10px;
    padding: 0 10px;
    border-radius: 10px;
}
.banner ol li{
    width: 10px;
    height: 10px;
    float: left;
    margin: 5px 5px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
}
.banner ol .current{
    background: rgba(255,255,255,1);
}
.banner i{
    width: 58px;
    height: 120px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}
.banner .left{
    left: 60px;
    background: url('../images/left_right.png') no-repeat 0 0px;
}
.banner .right{
    right: 60px;
    background: url('../images/left_right.png') no-repeat 0px -120px;
}
.banner .left:hover , .banner .right:hover{
    background-color: rgba(0, 0, 0, 0.31);
}




/*最新动态*/
.zxtd{position: relative;height: 35px;width: 1002px;margin:16px auto 0;background: #f6f6f6;margin-top: 40px;}
.zxtd h1{line-height: 35px;font-size: 16px;color: #fff;height: 35px;width:121px;background: url("../Images/tzgg.jpg") no-repeat;position: absolute;left: 0px;top: 0px}
.zxtd h1 span{margin-left: 17px;line-height: 35px}
.zxtd_r{width: 850px;float: right}
.zxtd_r  li{font-size: 14px;line-height: 42px;float: left;color: #4b525a;margin-right: 5px;}
.zxtd_r li a{color: #4b525a}



/* 客户案例滚动css */

.title{width: 1037px;margin:0 auto;background: url('../images/title_bg.png') no-repeat;overflow: hidden;font-size: 30px;font-weight: bold;color: #333333;text-align: center}
.title .tit{display: block;text-align: center;background: #f5f5f5;max-width: 180px;margin:0 auto;margin-top:10px;}
.title span{font-size: 14px;color: #9a9a9a;font-weight: normal}



.case{margin-top:30px;margin-bottom: 50px;overflow: hidden}
.case_left{ width:1200px; overflow:hidden; position:relative; margin:0 auto; margin-top:50px;}
.case_left .hd {margin-top: 30px; }
.case_left .hd .prev,.case_left .hd .next{ display:block;  width:42px; height:42px;overflow:hidden; cursor:pointer; position:absolute; top:100px; z-index:100;}
.case_left .hd .prev { background:url(../images/left1.png); left:0;}
.case_left .hd .prev:hover { background:url(../images/left2.png); left:0;}
.case_left .hd .next { background:url(../images/right1.png); right:0;}
.case_left .hd .next:hover { background:url(../images/right2.png); right:0;}
.case_left .hd .prevStop{ background-position:-60px 0; }
.case_left .hd .nextStop{ background-position:-60px -50px; }
.case_left .hd ul{ display: inline-block; text-align:center; height:15px; width:100%; padding-top:20px;}
.case_left .hd ul li{ display:inline-block; width:15px; height:15px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ccc;-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.case_left .hd ul li.on{  background:#e30826; }

.case_left .bd { padding:0px 40px; }
.case_left .bd ul { overflow:hidden; zoom:1; }
.case_left .bd ul li{ margin:0 30px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;border-right: 1px solid #e3e3e3; padding: 0px 10px 10px 10px;}
.case_left .bd ul li .pic { text-align:center; max-width:352px; height:240px; overflow:hidden;}
.case_left .bd ul li .pic img{ max-width:352px; height:240px; transition: 0.2s transform; transform: translateZ(0);}
.case_left .bd ul li .pic img:hover{transform: scale(1.2, 1.2); transition: 0.5s transform;}
.case_left .bd ul li .pic a:hover img{ border-color:#999;  }
.case_left .bd ul li .title3 { line-height:40px; text-align: left;font-weight: bold;width: 352px;}
.case_left .bd ul li .title3 a{color: #323232}
.case_left .bd ul li .title3  p{font-size: 12px;line-height: 25px;font-weight: normal;color: #414141;padding-right:20px}




/*news*/
.news_warp{background: #f0f0f0;margin-top: 60px;padding:80px 0;overflow: hidden;}
.news_m{width: 1100px;margin:0 auto;padding: 50px 0px;}


.news1{background: url('../images/news1_bg.jpg') no-repeat;height: 244px;margin-bottom: 20px;}
.news1 img{width: 352px;float: left;padding-top: 25px;}
.news1 .xwz{width: 472px;float: left;margin:20px 60px 0px 65px;}
.news1 .xwz h4{font-size: 16px;color: #333}
.news1 .xwz p{font-size: 14px;line-height: 25px;color: #666}
.news1 .xwz .xwmore {margin-top: 20px;}
.news1 .xwz .xwmore a{display:block;width: 94px;height: 35px;background: #fe0000;color: #fff;line-height: 23px;text-align: center;font-size: 14px;}
.news1 .xwz .xwmore a:hover{background: #333333;}

.xw1time{font-size: 14px;width: 88px;float: left;;padding-top: 60px;text-align: center;}
.xw1time  font{font-size: 24px;font-weight: bold;line-height: 30px;}



.news2 ul li{float: left;margin:30px 48px;}
.news2 ul li a{display: block;height: 129px;width: 454px;background: url('../images/news_bg.jpg') no-repeat;color: #333;}
.news2 ul li a:hover{background: url('../images/news_bg2.jpg') no-repeat;color: #fff}

.news2 ul li .time{font-size: 14px;width: 92px;float: left;;padding-top: 20px;text-align: center}
.news2 ul li .time font{font-size: 24px;font-weight: bold;line-height: 30px;}
.news2 ul li span{width: 320px;float: right;padding-right: 30px;}
.news2 ul li span h4{font-size: 16px;line-height: 2px;}
.news2 ul li span p{font-size: 14px;color: #666;}


.news2 ul li .time:hover{color: #fff}
.news2 ul li span p:hover{color: #fff;}

/*ABOUT*/
.about{width: 1200px;margin: 0 auto;margin-top: 80px;overflow: hidden;}
.about_m{padding-top:50px;}
.about_l{width: 533px;float: left;}
.about_r {width: 600px;float: right}
.about_r h3{font-size: 30px;padding:30px 0px 20px 0;font-weight: normal}
.about_r hr{background: #ff0101;height: 3px;width: 60px;border:0}
.about_r p{font-size: 14px;line-height: 30px;color: #7c7c7c;padding-top: 20px;}



/*Contact*/
.contact{background: #383842;padding: 50px 0;margin-top: 50px;overflow: hidden;}
.title2{width: 1037px;margin:0 auto;background: url('../images/title_bg2.png') no-repeat;font-size: 30px;font-weight: bold;color: #fff;text-align: center;font-weight: normal;ov}
.title2 span{font-size: 14px;color: #fff;font-weight: normal}


.contact_m{padding-top: 50px;width: 1010px;margin:0 auto}
.contact_l{width:404px;float: left;height: 355px;background: url('../images/contact_l.jpg') no-repeat;}
.contact_l p{font-size: 14px;color: #666;padding: 40px 0px 10px 85px;}
.contact_l span{display: block;font-size: 14px;color: #666;padding: 105px 0px 0px 170px;line-height: 30px;}
.contact_r{width: 490px;float: right;color:#fff}



/*底部*/
.footer_w{background: #1d1d1d;}
.footer{width: 1000px;margin: 0 auto;color: #fff;font-size: 14px;line-height: 25px;text-align: center;padding: 30px 0}




/*公司简介*/
.about_bnr{width: 100%;height: 380px;background: url('../images/aboutbg.jpg') no-repeat;position: relative;}

.about_n {
    animation: move1 2s;/*这句话的意思是2秒之内执行完这个动画*/
    /*animation: move1 2s infinite;*/
    /*infinite这个单词意思是无限的的，也就是加上之后会一直重复操作，类似于定时器中的重复执行*/
    width: 100%;
    position: absolute;
    top: 5rem;/*默认1比16像素,我就不换算了*/
    color:#d9d9d9;
    text-align: center;
}
@keyframes move1 {
    /*这个就是要执行的动画*/
    from {  transform: scale(0);  }
    /*从它到它，scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数，这个是css3中2D的转换方法。*/
    to {  transform: scale(1);  }
}
.about_n h1{font-size: 50px;color:#d9d9d9;padding-top: 50px;}
.about_n p{font-size: 20px;line-height: 40px;}


/*导航*/
.nav_warp{width: 100%;height: 45px;background: #f4f4f4}
.dh{font-size: 14px;line-height: 45px;color: #666}
.dh a{color: #666}

.menu_w{border: none;background:url('../images/menu_w.jpg') no-repeat;height: 40px;margin-top: 50px;margin-bottom: 50px;text-align:center;}



.menu { padding:0;list-style-type:none;margin: 0 auto;display:inline-block;}
.menu li {background: url('../images/a11a.png') no-repeat; margin-right:1px; float:left; color:#fe0000; }
.menu li a { display:block; width:130px; text-align:center; height:40px; line-height:40px; color:#000; font-size:16px; text-decoration:none;}
 

.menu li .cur{ background: url('../images/a11.png') no-repeat;color: #fff;font-weight:bold;}

.content{overflow: hidden;margin-bottom: 50px;}
.content p{font-size: 16px;color: #5a5a5a;line-height: 35px;text-indent: 2em}


/*内页底部*/
.foot{width: 100%;background: #1e1e1e;}

.foot1{overflow: hidden;padding: 40px 0}
.foot_l{width: 190px;float: left;font-size: 14px;color: #d2d2d2}
.foot_l h4{font-size: 20px;color: #fff;font-weight: normal}
.foot_l .foot_more {margin-bottom: 10px;}
.foot_l .foot_more a{display: block;width: 160px;height: 40px;color: #fff;font-size: 14px;text-align: center;line-height: 40px;background: #fc241c}
.foot_l .foot_more a:hover{background: #fff;color: #fc241c}


.foot_c{margin-left: 80px;width: 660px;float: left;}
.foot_c ul {height: 30px;;}
.foot_c ul li{float: left;font-size: 14px;color: #484848;}
.foot_c ul li a{color: #fff;padding:0px 25px}
.foot_c span{padding-top: 20px;display: block;padding-left: 25px;}
.foot_c span h5{font-size: 18px;color: #fff;font-weight: normal;line-height: 50px}
.foot_c span p{color: #d2d2d2;font-size: 12px;line-height: 25px;}

.foot_r{width: 100px;float: right;font-size: 14px;color: #d2d2d2;}
.foot_r img{padding-top: 30px;}



/*产品中心*/
.prodact{overflow: hidden;}
.prodact_bnr{width: 100%;height: 380px;background: url('../images/prodactbg.jpg') no-repeat;position: relative;}

.prodact ul li{float: left;margin:10px 9px;}
.prodact ul li a{display: block;border:1px solid #e0e0e0;padding: 15px;width: 225px;}
.prodact ul li .tupian{text-align:center; max-width:225px; height:240px; overflow:hidden;line-height: 210px;display: flex;align-items: center;justify-content: center;}
.prodact ul li img{max-width: 225px;max-height: 210px;align-items: center;}
.prodact ul li span{display:block;font-size: 16px;line-height: 40px;text-align: center}
.prodact ul li a:hover{border:1px solid #d90005;}

/*新闻中心*/
#picList {width: 100%; padding: 10px 0 0 0;}

#picList li {transition: all 0.3s;height: 160px;border-bottom: #ddd 1px dashed;padding-bottom: 40px;margin-bottom: 40px;}


#picList .picList_date {float: left;width: 94px; height: 160px;background: url(../images/news_date.gif) no-repeat; position: relative; top: -20px;
    color: #fff;text-align: center;}

#picList .picList_date span{display: block;font-size: 14px;color: #444;line-height: 40px;}

#picList .picList_date .h2 {font-size: 16px;color: #aaa;margin-top: -10px;}

#picList .picList_date .h1 {font-size: 40px;color: #444;line-height: 60px;}

#picList .picList_img {float: left; width: 250px;height: 160px;margin-right: 20px;}

#picList .Pic_list_txt {width: 810px;float: right;position: relative;height: 160px;overflow: hidden;}

#picList .Pic_list_txt .t1 {font-size: 20px;line-height: 30px;width: 100%;color: #333;}

#picList .Pic_list_txt .t2 {overflow: hidden;padding: 8px 0;height: 90px;font-size: 14px;line-height: 25px;color: #666;}

#picList .Pic_list_txt .t3 {font-size: 10px;line-height: 30px;}

#picList .Pic_list_txt .time {text-align: right;line-height: 20px;font-size: 12px;font-family: Arial, Helvetica, sans-serif !important;}

/*分页*/
.page_navi{
  margin-top: 30px;
    height: 40px;
    text-align: center;
}
.page_navi a{
    padding: 5px 12px;
    border:1px solid #e5e5e5;
    margin:0 2px ;
    color: #333;
}

.page_navi a:hover, .page_navi .current {
    color: #fff;
    background: #e30826;
   
}





/*联系*/
.dz{margin-top: 50px;}
.dz p{font-size: 16px;}
.dz img{width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;}



/*在线留言*/
.book_l{width: 500px;float: left;;}
.book_r{width: 500px;float:right;}
.book_r p{font-size: 16px;color: #000}
.book_r img{width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;}
.book_r span{display: block;width: 100%;border-top: 1px solid #e4e4e4;color: #ababab;margin-top: 50px;font-size: 14px;line-height: 40px;}



/*资源*/
.view{overflow: hidden;margin-top: 30px;}
.pagetit{font-size: 24px;margin-bottom: 20px;text-align: center;}
.pagecontent img{max-width: 100%;height: auto;display: block;margin:0 auto;}
.pagecontent p{line-height: 30px;margin-bottom: 15px;color: #666;}
.pagecontent table{width: 100%;}
.pagecontent table tr td{border:1px solid #999}
.protoptextpart h1{font-size: 18px;font-weight: bold;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.protoppart{margin-top: 30px;}
.proxiangqing{font-size: 16px;margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 15px;}
.conbottom{margin-top: 30px;background: #fafafa;padding: 20px 15px 10px 15px;}
.row { margin-right: -15px;  margin-left: -15px;}
.conbottom p{color: #999;}
.conbottom a {color: #a50101;}